import { createApp } from 'vue'
import App from './App.vue'
import './styles/index.scss'
import router from './router'
import './utils/rem'
import 'vant/lib/index.css'
import { Tabbar, TabbarItem, Icon, Swipe, SwipeItem } from 'vant'
import '@/mock'
import pinia from './stores'
import ElementPlus from 'element-plus'
import { Sidebar, SidebarItem } from 'vant'
import { Search } from 'vant'

const app = createApp(App)

app.use(Icon)
app.use(Tabbar)
app.use(TabbarItem)
app.use(Sidebar)
app.use(SidebarItem)
app.use(router)
app.use(Search)

app.component('TabBar', Tabbar)
app.use(Swipe)
app.use(SwipeItem)

app.use(pinia)
app.use(ElementPlus, { size: 'small', zIndex: 3000 })
